<template>
    <admin-main :breadcrumbs="breadcrumbs">
        <panel :header="true" class="panel-primary" title="Edit Goods">
            <div class="col-lg-4 col-lg-offset-4">
                <text-input id="title" title="Goods Title"></text-input>
            </div>
            <div class="col-lg-12">
                <label for="tw">图文</label>
                <textarea id="tw" class="form-control" style="max-width: 100%;width: 100%; height: 300px" cols="5"></textarea>
            </div>
        </panel>
    </admin-main>
</template>

<script>
    import AdminMain from '../AdminMain.vue';
    import Panel from 'vue-fiu-ui/src/main/js/components/panel/Panel.vue';
    import TextInput from 'vue-fiu-ui/src/main/js/components/input/TextInput.vue';
    export default {
        data () {
            return {
                breadcrumbs: {
                    title: '编辑商品',
                    data: [
                        {to: {name: 'Home'}, icon: 'fa-home', cut: true, disabled: false, text: 'Home'},
                        {to: {name: 'Home'}, icon: 'fa-shopping-basket', cut: true, disabled: false, text: '商品'},
                        {to: '#', cut: false, disabled: true, text: '编辑商品'}
                    ]
                }
            };
        },
        components: {
            AdminMain,
            Panel,
            TextInput
        },
        mounted () {
            console.log(this.$route.params.id);
        }
    };
</script>
